// 公共样式
// 外边距
.margin-0 {
    margin: 0 !important;
}

.margin-10 {
    margin: 10px;
}

.margin-20 {
    margin: 20px;
}

.margin-top5 {
    margin-top: 5px;
}

.margin-top10 {
    margin-top: 10px;
}

.margin-top15 {
    margin-top: 15px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top25 {
    margin-top: 25px;
}

.margin-top30 {
    margin-top: 30px;
}

.margin-top40 {
    margin-top: 40px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-left10 {
    margin-left: 10px !important;
}

.margin-left20 {
    margin-left: 20px;
}

.margin-right10 {
    margin-right: 10px;
}

// 内边距
.padding-0 {
    padding: 0 !important;
}

.padding-5 {
    padding: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-16 {
    padding: 16px !important;
}

.padding-top10 {
    padding-top: 10px;
}

.padding-bottom10 {
    padding-bottom: 10px;
}

.padding-left10 {
    padding-left: 10px;
}

.padding-right10 {
    padding-right: 10px;
}

// 小手
.pointer {
    cursor: pointer;
}

// 浮动
.float-left {
    float: left;
}

.float-right {
    float: right;
}

// 文本
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

//字体
.font-bold {
    font-weight: bold;
}

//特大标题 默认加粗
.font-32 {
    font-weight: bold !important;
    font-size: 32px !important;
}

//主标题 默认加粗
.font-20 {
    font-weight: bold !important;
    font-size: 20px !important;
}

//标题 默认加粗
.font-18 {
    font-size: 18px !important;
    font-weight: bold !important;
}

//小标题 默认加粗
.font-16 {
    font-size: 16px !important;
    font-weight: bold !important;
}

//正文
.font-14 {
    font-size: 14px !important;
}

//正文(小)
.font-13 {
    font-size: 13px !important;
}

//辅助文字(小)
.font-12 {
    font-size: 12px !important;
}

// ---------字体-----------
//中文字体
//优先字体
.PingFang {
    font-family: "PingFang SC";
}

//备用字体
.Source-Han-Sans {
    font-family: "Source Han Sanns";
}

//次级备用字体
.Microsoft-YaHei {
    font-family: "Microsoft YaHei";
}

//英文字体

//优先字体
.Helvetica-Neue {
    font-family: "Helvetica Neue";
}

//备用字体
.Helvetica {
    font-family: Helvetica;
}

//次级备用字体
.Arial {
    font-family: Arial;
}

//display
.dis-inline {
    display: inline-block;
}

// 自定义类名
.f10 {
    font-size: 10px !important;
}
.f11 {
    font-size: 11px !important;
}
.f12 {
    font-size: 12px !important;
}
.f13 {
    font-size: 13px !important;
}
.f14 {
    font-size: 14px !important;
}
.f15 {
    font-size: 15px !important;
}
.f16 {
    font-size: 16px !important;
}
.f17 {
    font-size: 17px !important;
}
.f18 {
    font-size: 18px !important;
}
.f19 {
    font-size: 19px !important;
}
.f20 {
    font-size: 20px !important;
}
.f21 {
    font-size: 21px !important;
}
.f22 {
    font-size: 22px !important;
}
.f23 {
    font-size: 23px !important;
}
.f24 {
    font-size: 24px !important;
}
.f25 {
    font-size: 25px !important;
}
.f26 {
    font-size: 26px !important;
}
.f27 {
    font-size: 27px !important;
}
.f28 {
    font-size: 28px !important;
}
.f29 {
    font-size: 29px !important;
}
.f30 {
    font-size: 30px !important;
}
.f31 {
    font-size: 31px !important;
}
.f32 {
    font-size: 32px !important;
}
.f33 {
    font-size: 33px !important;
}
.f34 {
    font-size: 34px !important;
}
.f35 {
    font-size: 35px !important;
}
.f36 {
    font-size: 36px !important;
}
.f37 {
    font-size: 37px !important;
}
.f38 {
    font-size: 38px !important;
}
.f39 {
    font-size: 39px !important;
}
.f40 {
    font-size: 40px !important;
}
.m0 {
    margin: 0 !important;
}
.m5 {
    margin: 5px !important;
}
.m10 {
    margin: 10px !important;
}
.m15 {
    margin: 15px !important;
}
.m20 {
    margin: 20px !important;
}
.m25 {
    margin: 25px !important;
}
.m30 {
    margin: 30px !important;
}
.m35 {
    margin: 35px !important;
}
.m40 {
    margin: 40px !important;
}
.m45 {
    margin: 45px !important;
}
.m50 {
    margin: 50px !important;
}
.mt0 {
    margin-top: 0 !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt25 {
    margin-top: 25px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt35 {
    margin-top: 35px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt45 {
    margin-top: 45px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb35 {
    margin-bottom: 35px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb45 {
    margin-bottom: 45px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.ml0 {
    margin-left: 0 !important;
}
.ml5 {
    margin-left: 5px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.ml25 {
    margin-left: 25px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.ml35 {
    margin-left: 35px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.ml45 {
    margin-left: 45px !important;
}
.ml50 {
    margin-left: 50px !important;
}
.mr0 {
    margin-right: 0 !important;
}
.mr5 {
    margin-right: 5px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr25 {
    margin-right: 25px !important;
}
.mr30 {
    margin-right: 30px !important;
}
.mr35 {
    margin-right: 35px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.mr45 {
    margin-right: 45px !important;
}
.mr50 {
    margin-right: 50px !important;
}
.p0 {
    padding: 0 !important;
}
.p5 {
    padding: 5px !important;
}
.p10 {
    padding: 10px !important;
}
.p15 {
    padding: 15px !important;
}
.p20 {
    padding: 20px !important;
}
.p25 {
    padding: 25px !important;
}
.p30 {
    padding: 30px !important;
}
.p35 {
    padding: 35px !important;
}
.p40 {
    padding: 40px !important;
}
.p45 {
    padding: 45px !important;
}
.p50 {
    padding: 50px !important;
}
.pt0 {
    padding-top: 0 !important;
}
.pt5 {
    padding-top: 5px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pt15 {
    padding-top: 15px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.pt25 {
    padding-top: 25px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pt35 {
    padding-top: 35px !important;
}
.pt40 {
    padding-top: 40px !important;
}
.pt45 {
    padding-top: 45px !important;
}
.pt50 {
    padding-top: 50px !important;
}
.pb0 {
    padding-bottom: 0 !important;
}
.pb5 {
    padding-bottom: 5px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pb15 {
    padding-bottom: 15px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.pb25 {
    padding-bottom: 25px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pb35 {
    padding-bottom: 35px !important;
}
.pb40 {
    padding-bottom: 40px !important;
}
.pb45 {
    padding-bottom: 45px !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
.pl0 {
    padding-left: 0 !important;
}
.pl5 {
    padding-left: 5px !important;
}
.pl10 {
    padding-left: 10px !important;
}
.pl15 {
    padding-left: 15px !important;
}
.pl20 {
    padding-left: 20px !important;
}
.pl25 {
    padding-left: 25px !important;
}
.pl30 {
    padding-left: 30px !important;
}
.pl35 {
    padding-left: 35px !important;
}
.pl40 {
    padding-left: 40px !important;
}
.pl45 {
    padding-left: 45px !important;
}
.pl50 {
    padding-left: 50px !important;
}
.pr0 {
    padding-right: 0 !important;
}
.pr5 {
    padding-right: 5px !important;
}
.pr10 {
    padding-right: 10px !important;
}
.pr15 {
    padding-right: 15px !important;
}
.pr20 {
    padding-right: 20px !important;
}
.pr25 {
    padding-right: 25px !important;
}
.pr30 {
    padding-right: 30px !important;
}
.pr35 {
    padding-right: 35px !important;
}
.pr40 {
    padding-right: 40px !important;
}
.pr45 {
    padding-right: 45px !important;
}
.pr50 {
    padding-right: 50px !important;
}
